import React from 'react';
import { Route } from "react-router-dom";

import "./index.css";
import Lifcly from "../../views/Admin/Lifcly";
import Optimizing from "../../views/Admin/Optimizing";
import ParentAndSon from "../../views/Admin/ParentAndSon/Parent";
import ParentToSonRef from "../../views/Admin/ParentToSonRef/Parent";
import SonToSon from "../../views/Admin/SonToSon/Parent";
import SonToSonUpState from "../../views/Admin/SonToSonUpState/Parent";
import ContextTree from "../../views/Admin/ContextTree/Parent";
import Hoc from "../../views/Admin/Hoc";
import CarListParams from "../../views/Admin/RouteChuanParams/ParamsDemo/List";
import CarDetailParams from "../../views/Admin/RouteChuanParams/ParamsDemo/Detail";
import CarListQuery from "../../views/Admin/RouteChuanParams/QueryDemo/List";
import CarDetailQuery from "../../views/Admin/RouteChuanParams/QueryDemo/Detail";
import CarListSearch from "../../views/Admin/RouteChuanParams/SearchDemo/List";
import CarDetailSearch from "../../views/Admin/RouteChuanParams/SearchDemo/Detail";
import UseStateDemo from "../../views/Admin/Hooks/UseStateDemo";
import UseEffectDemo from "../../views/Admin/Hooks/UseEffectDemo"
import MemoDemo from "../../views/Admin/Hooks/MemoDemo"
import UseCallbackDemo from "../../views/Admin/Hooks/UseCallbackDemo"
import UseMemoDemo from "../../views/Admin/Hooks/UseMemoDemo"
import UseContextDemo from "../../views/Admin/Hooks/UseContextDemo/Parent"
import UseRefDemo from "../../views/Admin/Hooks/UseRefDemo/Parent"
import UseReducerDemo from "../../views/Admin/Hooks/UseReducer"
import UseTransitionDemo from "../../views/Admin/Hooks/UseTransition"
import RouterHooksDemo from "../../views/Admin/Hooks/RouterHooks"
import MyHooksDemo from "../../views/Admin/Hooks/MyHooks"


const Content = (props) => {
  return (
    <div
      className="site-layout-background"
      style={{
        padding: 24,
        minHeight: 360,
      }}
    >
      <Route path="/Admin/Lifcly" component={Lifcly}></Route>
      <Route path="/Admin/Optimizing" component={Optimizing}></Route>
      <Route path="/Admin/ParentAndSon" component={ParentAndSon}></Route>
      <Route path="/Admin/ParentToSonRef" component={ParentToSonRef}></Route>
      <Route path="/Admin/SonToSon" component={SonToSon}></Route>
      <Route path="/Admin/SonToSonUpState" component={SonToSonUpState}></Route>
      <Route path="/Admin/ContextTree" component={ContextTree}></Route>
      <Route path="/Admin/Hoc" component={Hoc}></Route>
      <Route path="/Admin/ListParams" component={CarListParams}></Route>
      <Route path="/Admin/DetailParams/:id" component={CarDetailParams}></Route>
      <Route path="/Admin/ListQuery" component={CarListQuery}></Route>
      <Route path="/Admin/DetailQuery" component={CarDetailQuery}></Route>
      <Route path="/Admin/ListSearch" component={CarListSearch}></Route>
      <Route path="/Admin/DetailSearch" component={CarDetailSearch}></Route>
      <Route path="/Admin/UseStateDemo" component={UseStateDemo}></Route>
      <Route path="/Admin/UseEffectDemo" component={UseEffectDemo}></Route>
      <Route path="/Admin/MemoDemo" component={MemoDemo}></Route>
      <Route path="/Admin/UseCallbackDemo" component={UseCallbackDemo}></Route>
      <Route path="/Admin/UseMemoDemo" component={UseMemoDemo}></Route>
      <Route path="/Admin/UseContextDemo" component={UseContextDemo}></Route>
      <Route path="/Admin/UseRefDemo" component={UseRefDemo}></Route>
      <Route path="/Admin/UseReducerDemo" component={UseReducerDemo}></Route>
      <Route path="/Admin/UseTransitionDemo" component={UseTransitionDemo}></Route>
      <Route path="/Admin/RouterHooksDemo" component={RouterHooksDemo}></Route>
      <Route path="/Admin/MyHooksDemo" component={MyHooksDemo}></Route>
            
    </div>
  );
};
export default Content;